FAQ: How to Learn Frontend Architecture?
How to Learn Front-End Architecture
[00:00:00]
We're going to get into this in the best practice and in the pattern first phases, mostly in the pattern first phase, because I know that there's a lot of conflicting information around how to do your front end architecture right now.
So much conflicting information, but what's going to happen in pattern versus I'm going to introduce you to all the backend patterns. I'm going to get you to use those patterns to build some stuff out. And once you've done that a couple of times and you start to become aware of the backend patterns, you know how they work together.
Then what we're going to do is we're going to look at the front end and I'll show you the front end patterns and how we deal with the various types of state in the. All the different ways that those things click up. However, one thing you will notice when you're doing this is you'll say, Hey, this looks a lot like the back end patterns.[00:01:00]
The reality is they are the same thing because as the architectures are stereotypical. That's how I'm going to teach you front end the responsibility first phase, that's where we're going to also learn how to do some more bespoke. design stuff, because what will often happen, I guarantee you, because not a lot of people are structuring out their code in a way where they can write more robust tests that go further than just doing end to end tests.
I guarantee you what's going to happen is you're going to run into some problems, some scenarios where you have maybe some React code or some other code that is forcing you to write your code a certain way. There's this whole thing with React hooks. Where they need you to structure your code out a certain way, otherwise the hooks will not work.
I think all of that is really weird. And when you're forced to follow those rules, it'll make you do strange stuff in your code. So you're going to need to know how to sometimes scrap things [00:02:00] and design them out yourself. Or instead wrap, surround some of these ugly bits and pieces by designing them.
The Responsibility First phase of Craftship to learn how to do the 3 step RDD process, that is a vital skill. I think it's probably one of the most challenging skills that you can have as a developer, but it's also one of the most fulfilling ones, because if you can learn how to do that, you pretty much know how to design anything.
And you also know the patterns, and you don't really have to think in patterns that much either anymore. That's how to learn front end architecture. Let's get to building something out on the back end and then on the front end. And yeah, we'll do the pattern stuff in pattern first, for the most